<template>
  <div class="download-main">
    <img src="~assets/img/download/elmlogo.jpeg" alt="" />
    <p>下载饿了么APP</p>
    <input type="button" value="下载" @click="handleDownload">
  </div>
</template>

<script>
export default {
  methods: {
    handleDownload() {
      this.$toast.handleTipsText('IOS用户请前往AppStore下载')
    }
  }
};
</script>
<style lang="less" scoped>
.download-main {
  text-align: center;
  margin: 20px 0;
  overflow: hidden;
  img {
    border-radius: 20px;
  }
  p {
    margin: 10px 0 20px 0; 
    font-size: 16px;
  }
  input[type="button"] {
    width: 90%;
    padding: 10px 0;
    border: none;
    border-radius: 5px;
    background-color: #4cd964;
    color: #fff;
  }
}
</style>